<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="pragma" content="no-cache" />
<meta http-equiv="Cache-Control" content="no-cache, no-store" />
<title>车辆行驶里程</title>
<link type="text/css" href="../../css/css.css" rel="stylesheet" />
<link type="text/css" href="datepicker.css" rel="stylesheet" />
<script type="text/javascript" src="../core/jquery.js"></script>
<script type="text/javascript" src="../core/common.js"></script>
<script type="text/javascript" src="../core/toolkit.js"></script>
<script type="text/javascript" src="../core/validate.js"></script>
<script type="text/javascript" src="datepicker.js"></script>
<!--[if IE]> <link type="text/css" href="../../css/ie.css" rel="stylesheet" /><![endif]-->

<script type="text/javascript">
	if($.browser.msie) {
	    $("head").append('<link type="text/css" href="../../css/ie.css" rel="stylesheet" />');
	}
	var PAGE_PARAM = {
		"pageSize": 20, 
		"curPage": 1, 
		"curState": 0, 
		"curId": 0,
		"curData": {},
		"searchCard": null
	};
	$(document).ready(function() {
		PAGE_PARAM.searchCard = $("#search_card");
		initActions();
	});
	
	initActions = function(){
		//PAGE_PARAM.searchCard.show();
		$("#search_start").Zebra_DatePicker({
			pair: $("#search_end")
		});
		$("#search_end").Zebra_DatePicker({
			direction: 1
		});
		var showList = new Array("星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六");
		var valueList = new Array(1, 2, 3, 4, 5, 6, 7);
		//$("#search_vno").selectArea({}, null, showList, valueList);
		//PAGE_PARAM.searchCard.hide();
		var offset_search = $("#op_search").offset();
		PAGE_PARAM.searchCard.css({"left": offset_search.left+"px", "top": (offset_search.top+20)+"px"});
		$("#op_search").click(function(){
			PAGE_PARAM.searchCard.slideToggle('fast');
		});
		PAGE_PARAM.searchCard.find("input.scancel").click(function(){
			PAGE_PARAM.searchCard.slideToggle('fast');
		});
		PAGE_PARAM.searchCard.find("input.sconfirm").click(function(){
			PAGE_PARAM.searchCard.slideToggle('fast');
			getPage(1);
		});
	};
	
</script>
</head>
<body style="margin: 0px 3px 0px 3px">
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr style="height:30px">
    <td>
    	<div class="list_desc">
    		<span class="option"><a id="op_excel" onclick="out2Excel();" class="url">导出Excel文件</a></span>
			<span>车辆行驶里程: <!--[if IE]>这里是正常的html代码<![endif]-->
				<a id="op_search" title="设置检索条件">检索条件</a></span>
		</div>
	</td>
  </tr>
  <tr>
    <td>
    	<table width="100%" border="0" cellpadding="0" cellspacing="1" bgcolor="#a8c7ce">
    		<thead class="list_title">
		      <tr>
		        <td><div>序号</div></td>
		        <td><div>车辆车牌</div></td>
		        <td><div>里程数</div></td>
 				<td><div>统计类型</div></td>
		        <td><div>添加时间</div></td>
		        <td><div>操作</div></td>
		      </tr>
		  	</thead>
			<tbody class="list_data" id="list_data">
				<!--
			  	page_data
			  	-->
			</tbody>
    	</table>
	</td>
  </tr>
  <tr>
  <td height="30">
      <div class="pagination">
      	<span id="page_op" style="float: right;">
			<!--page items-->
		</span>
      	<span>共有<strong id="total_num">0</strong>条记录</span>
      	<span>每页条数：
      		<a href="###" class="active" onclick="changePageNum(20);$(this).addClass('active').siblings().removeClass('active');">20</a>
      		<a href="###" onclick="changePageNum(50);$(this).addClass('active').siblings().removeClass('active');">50</a>
      		<a href="###" onclick="changePageNum(100);$(this).addClass('active').siblings().removeClass('active');">100</a>
      		<a href="###" onclick="changePageNum(1000000);$(this).addClass('active').siblings().removeClass('active');">全部</a></span>
	  </div>
  </td>
  </tr>
</table>

<div id="search_card" style="display: none; border:1px solid #999; background: #FFFFFF; padding: 5px; position: absolute; z-index:9999;">
	<div style="margin-top: 5px;">
		<label>车牌号码:</label>
		<input id="search_vno" type="text" class="text small" />
	</div>
	<div style="margin-top: 5px;">
		<label>统计类型:</label>
		<select id="search_type" >
			<option value="">全部</option>
			<option value="00">按天统计</option>
			<option value="01">按月统计</option>
			<option value="10">按年统计</option>
		</select>
	</div>
	<div style="margin-top: 5px;">
		<label>开始时间:</label>
		<input id="search_start" type="text" class="text small"  />
	</div>
	<div style="margin-top: 5px;">
		<label>结束时间:</label>
		<input id="search_end" type="text" class="text small" />
	</div>
	<div style="margin-top: 5px; text-align: right; ">
		<input type="button" class="btn scancel" title="取消" />
		<input type="button" class="btn sconfirm" title="确定" />
	</div>
</div>


</body>
</html>













